import React from 'react'
import { Link } from 'react-router-dom'
import { Wrapper } from './style'
import { useSearchParams } from 'react-router-dom'

const CitySelect=(props)=> {
  const {cityName}=props
  // console.log(cityName);
  return (
    <Wrapper>
        <Link 
            className='citygps'
            to='/cities'>
        <i className="fa fa-map-marker"></i>
        <span>{cityName?cityName:'获取城市坐标'}</span>
        <div className="header_search">
            <input type="text" placeholder='搜索商家,商品' />
        </div>
        </Link>
    </Wrapper>
  )
}
export default CitySelect
